import axios from 'axios'
export default {
  namespaced: true,
  state () {
    return {
      list: []
    }
  },
  // 同步操作给 state中的list重新赋值（将axios中获取到的数据赋值给state中的list）
  mutations: {
    // mutations一般会传输两个参数，其中一个形参为state（存储数据的对象），另一个则为传入的参数
    getData (state, list) {
      state.list = list
    }

  },
  // 发送axios 获取本地的数据，为数据渲染做准备
  // 由于axios是异步操作，一般写在actions中(actions中含有一个参数可以借助同步操作mutations实现修改state的值)
  actions: {
    async getList (context) {
      const res = await axios.get('http://localhost:3000/cart')
      console.log(res)
      // 通过context.commit,与mutations建立连接实现传值操作
      // context.commit('')，在同一个页面模块中可以不需要带上模块名
      context.commit('getData', res.data)
    }
  }
}
